<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多层嵌套表格应用</title>
</head>
<body>
<h1>部门组织结构</h1>
<table border="1" id="staff" >
  <thead>
    <tr>
        <th>部门ID</th>
        <th>部门名称</th>
        <th>员工列表</th>
        <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
        <td>D001</td>
        <td>技术部</td>
        <td>
             <table border="1">
                <tr>
                    <th>员工ID</th>
                    <th>姓名</th>
                    <th>负责项目</th>
                </tr>
               <tr>
                   <td>E001</td>
                   <td>张三</td>
                   <td>
                       <table border="1">
                           <tr>
                               <th>项目ID</th>
                               <th>项目名称</th>
                               <th>进度</th>
                           </tr>
                           <tr>
                               <td>P001</td>
                               <td>官网改版</td>
                               <td>80%</td>
                           </tr>
                       </table>
                   </td>
             </table>
        </td>
        <td>
          <input type="button" value="添加员工">
        </td>
    </tr>

    <tr>
      <td>D002</td>
      <td>市场部</td>
      <td>
          <table border="1">
              <tr>
                  <th>员工ID</th>
                  <th>姓名</th>
                  <th>负责项目</th>
              </tr>
              <tr>
                  <td width="100px">E002</td>
                  <td width="100px">李四</td>
                  <td>暂无项目</td>
          </table>
      </td>
      <td>
          <input type="button" value="添加员工">
      </td>
  </tbody>
  <tfoot>
  <tr>
  <td colspan="4">
    <label>
         添加新部门：
         <input type="text" placeholder="部门名称" pattern="" ><input type="button" value="创建">
    </label>
  </td>
  </tr>
  </tfoot>
</table>
</body>
</html>